<template>
  <view class="advertisement">
    <view class="tc-bg"></view>
    <view class="btn">立即参与</view>
  </view> 
</template>

<script setup name="Advertisement">
import { onLaunch, onShow, onHide, onUnload } from "@dcloudio/uni-app";
import { reactive, ref, toRefs, watch, onMounted, getCurrentInstance } from "vue"
import { storeToRefs } from "pinia";
import { useRunInfoStore } from "../../store/runInfo";
const useRunInfoData = useRunInfoStore()
const { proportionShow, initStatus, timerNum, centerDistance, runType } = storeToRefs(useRunInfoData)
const appInstance = getCurrentInstance().proxy
const props = defineProps({
  tipTxt: {
    type: String,
    default: "请阅读并勾选用户协议"
  }
})

const { tipTxt }  = toRefs(props)


const state = reactive({

})

const alertDialogRef = ref(null)


onMounted(() => {
  console.log("99999")
})

onShow(() => {
 console.log("==0=0=0=0")
})

onUnload(() => {

})

watch(() => initStatus.value, (newValue, oldValue) => {

}, {imediate: true})

</script>

<style lang="scss">
  .advertisement{
    width: 100vw;
    height: 100vh;
    background: red;
    // background: url('https://model-capability.oss-cn-beijing.aliyuncs.com/pro/healthRun/bg-caidai.png') 0 0 no-repeat;
    // background-size: 100% 100%;
    // position: fixed;
    // left: 0;
    // top: 0;
    .tc-bg{
      width: 720rpx;
      height: 850rpx;
      background: url('https://model-capability.oss-cn-beijing.aliyuncs.com/pro/healthRun/tc.png') 0 0 no-repeat;
      background-size: 100% 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -60%);
    }
    .btn{
      width: 336rpx;
      height: 96rpx;
      background: linear-gradient( 331deg, #F9F72C 0%, #90FF8D 100%);
      border-radius: 48rpx;
      text-align: center;
      line-height: 96rpx;
      font-weight: 500;
      font-size: 36rpx;
      color: #222222;
    }
  }
</style>
